:root {
    --bb-disabled-bg: #ebeef5;
    --bb-border-focus-color: #86b7fe;
    --bb-border-hover-color: #86b7fe;
    --bb-height: 35px;
    --bb-disabled-opactiy: .65;
    --bb-dropdown-max-height: 274px;
    --bb-shadow: 0 0 8px 0 #e8edfa99, 0 2px 4px 0 #e8edfa80;
    --bb-hover-shadow: 0 1px 7px 0 #0000000d, 0 2px 8px 0 #00000012, 0 3px 9px 0 #0000000f, 0 5px 10px 0 #00000008;
}

body,
.form-control,
.dropdown-menu,
.form-select,
.input-group-text {
    font-size: 0.875rem;
}

a,
[for] {
    cursor: pointer;
}

a, a:hover, a:focus {
    text-decoration: none;
}

[disabled],
:disabled,
.disabled,
.disabled > * {
    cursor: not-allowed !important;
}

.disabled > i,
.disabled .range-separator,
:disabled,
.form-control:disabled {
    opacity: var(--bb-disabled-opactiy);
}

:focus-visible,
:focus {
    outline: none;
}

// 修复 bootstrap 5.2.2 popover button 右侧圆角问题
.btn-group > .btn:not(.dropdown-toggle):not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
